@import "public";
/*----------------aside------------------------*/
.aside_l{
    width:36px;
    height:100%;
    position: fixed;
    right: 0;
    top:0;
    border-right: 4px solid #000;
    z-index: 999;
    .aside_top{
        width: 36px;
        height:144px;
        position: absolute;
        margin-top: -72px;
        top:50%;
        right:0;
        li{
            width:36px;
            height:36px;
            background: url(../img/004.png);
            position: relative;
        }
        li:first-child{
            .aside_topd{
                width:258px;
                height:228px;
                background: white;
                border:1px solid #ddd;
                position: absolute;
                left:-260px;
                top:0;
                display: none;
                .aside_close{
                    width:12px;
                    height:12px;
                    float: right;
                    background: url(../img/004.png) -69px -356px;
                    margin-top: 18px;
                    margin-right: 12px;
                }
                .aside_close:hover{
                     background: url(../img/004.png) -100px -356px;
                }
                .aside_peo{
                    width: 72px;
                    height:72px;
                    margin:30px auto;
                    background: url(../img/005.jpg);
                    a{
                        display: block;
                        width: 100%;
                        height:100%;
                    }
                }
                .aside_word{
                    display: block;
                    width: 155px;
                    height:17px;
                    margin: -20px auto;
                    a{
                        color: red;
                    }
                }
                .aside_topb{
                    width: 257px;
                    height:62px;
                    background: #f8f8f8;
                    position: relative;
                    top:57px;
                    #aside_topbl{
                        width: 88px;
                        height:28px;
                        border:1px solid #ddd;
                        border-radius: 3px;
                        position: absolute;
                        top:16px;
                        left:24px;
                        text-align: center;
                        line-height: 28px;
                        font-size: 14px;
                    }
                    #aside_topbl:hover{
                        border-color: red;
                        a{
                            color: red;
                        }
                    }
                    #aside_topbr{
                        width: 88px;
                        height:28px;
                        border:1px solid #ddd;
                        border-radius: 3px;
                        position: absolute;
                        left:137px;
                        top:16px;
                        text-align: center;
                        line-height: 28px;
                        font-size: 14px;
                    }
                    #aside_topbr:hover{
                        border-color: red;
                        a{
                            color: red;
                        }
                    }
                }
            }
        }
        li:nth-child(2){
            background: url(../img/004.png)0 -46px;
            #aside_shopping{
                display: block;
                width: 24px;
                height:14px;
                position: absolute;
                right:0;
                top:-2px;
                background: url(../img/004.png)0 -343px;
                text-align: center;
                line-height: 14px;
                font-style: normal;
                color: #fff;
                font-size: 14px;
            }
            .aside_tops{
                width: 90px;
                height:36px;
                position: absolute;
                top:0;
                left: -90px;
                background: #666;
                display: none;
                border-radius: 5px 0 0 5px;
                a{
                    display: block;
                    width: 100%;
                    height:100%;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    line-height: 36px;
                }
            }
        }
        li:nth-child(2):hover{
            #aside_shopping{
                color: red;
                background: url(../img/004.png)0 -374px;
            }
        }
         li:nth-child(3){
            background: url(../img/004.png)0 -92px;
            .aside_topt{
                width: 90px;
                height:36px;
                position: absolute;
                top:0;
                left: -90px;
                background: #666;
                display: none;
                border-radius: 5px 0 0 5px;
                a{
                    display: block;
                    width: 100%;
                    height:100%;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    line-height: 36px;
                }
            }
        }

        }
        li:nth-child(4){
            background: url(../img/004.png)0 -135px;
            height:36px;
            .aside_topf{
                width: 90px;
                height:33px;
                position: absolute;
                top:3px;
                left: -90px;
                background: #666;
                display: none;
                border-radius: 5px 0 0 5px;
                a{
                    display: block;
                    width: 100%;
                    height:100%;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    line-height: 36px;
                }
            }
        }

    }
    .aside_bottom{
        width: 36px;
        height:108px;
        position: absolute;
        bottom: -1px;
        right: 0;
        li{
            width:36px;
            height:36px;
            background: url(../img/004.png)0 -184px;
            position: relative;
        }
        li:first-child{
            .aside_bottom1{
                width: 132px;
                height:182px;
                position: absolute;
                left:-132px;
                top:-75px;
                background: red;
                display: none;
            }
        }
        li:nth-child(2){
             background: url(../img/004.png)0 -230px;
             .aside_bottom2{
                width: 90px;
                height:33px;
                position: absolute;
                top:3px;
                left: -90px;
                background: #666;
                border-radius: 5px 0 0 5px;
                display: none;
                a{
                    display: block;
                    width: 100%;
                    height:100%;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    line-height: 36px;
                }
            }
        }
        li:nth-child(3){
             background: url(../img/004.png)0 -276px;
             .aside_bottom3{
                width: 90px;
                height:33px;
                position: absolute;
                top:3px;
                left: -90px;
                background: #666;
                border-radius: 5px 0 0 5px;
                display: none;
                a{
                    display: block;
                    width: 100%;
                    height:100%;
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    line-height: 36px;
                }
            }
        }
}
/*-----------------------------header-----------------------------------*/
.header{
    height:28px;
    border-bottom: 1px solid #ddd;
    background: #f6f6f6;
    .header1{
        width: 1000px;
        margin: 0 auto;
    }
    .header_r{
        float: right;
        li{
            float: left;
            padding-right:15px;
            padding-left: 11px;
            height:14px;
            font-size: 14px;
            margin-top: 7px;
            border-right: 1px solid #936693;
            line-height: 13px;
            a:hover{
                color: red;
            }
        }
        li:last-child{
            border:none;
            position:relative;
            a:hover{
                span{
                    display: block;
                    z-index: 999;
                }
            }
            .iconfont{
                color: red;
            }
            span{
                position: absolute;
                background: white;
                width: 112px;
                height:139px;
                left:0;
                top:14px;
                text-align: center;
                font-size: 16px;
                display: none;
                img{
                    margin:0 auto;
                    margin-top: 20px;
                    margin-bottom: 15px;
                }
                border:1px solid #ccc;
            }
        }
}

}
.header_news .iconfont{
    line-height: 28px;
    font-size: 19px;
}
.header_news{
    width:72px;
    float: left;
    color: #666;
}
#header_news1{
    float: right;
    width:178px;
    height:28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 28px;
    color: #666;
    font-size: 16px;
    :hover{
        color: red;
    }
}
/*----------------------------second------------------------------*/
.second{
    width: 1000px;
    height:57px;
    margin:0 auto;
    margin-top: 35px;
    .you{
        width: 185px;
        height:57px;
        float: left;
        background: url(../img/7.gif);
    }
    .pin{
        width: 168px;
        height:57px;
        float: left;
        background: url(../img/8.gif);
    }
    .hui{
        float: right;
        font-size: 14px;
        position: relative;
        top:40px;
        .hui1{
            color: blue;
        }
    }
}
/*----------------------------------thr----------------------------*/
.thr{
       margin-top: 35px;
    .thr_l{
        width: 124px;
        height:235px;
        float: left;
        background: url(../img/6.gif);
    }
    .thr_m{
        width: 1000px;
        height:492px;
        margin: 0 auto;
        position: relative;
        .thr_m_t{
            width: 452px;
            height:42px;
            .thr_m_t_l{
                width: 225px;
                height:42px;
                float: left;
                margin-right: 2px;
                a{
                    width: 100%;
                    height:100%;
                    display: block;
                    color: #fff;
                    text-align: center;
                    line-height: 42px;
                    font-size: 17px;
                    position: relative;
                    .phone{
                        display: block;
                        width: 12px;
                        height:16px;
                        background: url(../img/8.gif) no-repeat 0 -233px;
                        float: left;
                        position: absolute;
                        left: 55px;
                        top:13px;
                    }
                }
                background: #ff8400;
                
            }
            .thr_m_t_r{
                width: 225px;
                height:42px;
                float: left;
                background: #f2f2f2;
                a{
                    width: 100%;
                    height:100%;
                    display: block;
                    color: #666;
                    text-align: center;
                    line-height: 42px;
                    font-size: 17px;
                    position: relative;
                     .tv{
                        display: block;
                        width: 18px;
                        height:16px;
                        background: url(../img/8.gif) no-repeat 0 -307px;
                        float: left;
                        position: absolute;
                        left: 33px;
                        top:16px;
                    }
                }
            }
        }
        .reg{
            width: 964px;
            height:446px;
            border:2px solid #ff8400;
            position: relative;
            .box1{
                width: 100%;
                height:100%;
                p{
                    width: 773px;
                    height:44px;
                    margin:0 auto;
                    margin-bottom: 15px;
                    i{
                        font-style: normal;
                        margin-right: 13px;
                    }
                    input{
                        width: 349px;
                        height:35px;
                        border:1px solid #ccc;
                    }
                    span{
                        float: right;
                        display: block;
                        width: 279px;
                        height:35px;
                        background: #f6f6f6;
                        border:1px solid #e9e9e9;
                        font-size: 14px;
                        color: #555555;
                        text-align: center;
                        line-height: 35px;
                    }
                }
                p:first-child{
                    margin-top: 43px;
                    span{
                        margin-right: 43px;
                        display: none;
                    }
                }
                p:nth-child(2){
                    position: relative;
                    input{
                        width: 122px;
                    }
                    #v_container{
                        width: 89px;
                        height:30px;
                        display: block;
                        position: absolute;
                        left:224px;
                        top:3px;
                    }
                    span{
                        width: 46px;
                        height:24px;
                        color: blue;
                        margin-right: 390px;
                        font-size: 10px;
                        line-height: 24px;
                        margin-top: 3px;
                        background: #fff;
                        border:none;
                        cursor:pointer;
                    }
                    b{
                        float: right;
                        display: block;
                        width: 127px;
                        height:24px;
                        margin-right: -188px;
                        margin-top: 5px;
                    }
                }
                p:nth-child(3){
                    span{
                          font-size: 13px;
                          margin-right: 43px;
                          display: none;
                          width: 291px;
                    }
                }
                p{
                    span{
                         margin-right: 43px;
                    }
                }
                p:nth-child(4){
                    span{
                        display: none;
                    }
                }
                p:nth-child(5){
                    input{
                        width: 122px;
                    }
                    i{
                        margin-left: -15px;
                    }
                    #btn1{
                        width:114px ;
                        height:24px;
                        background: #fcfcfc;
                        border:1px solid #ccc;
                        font-size: 12px;
                        margin-left: 10px;
                        cursor:pointer;
                    }
                }
                p:nth-child(6){
                    margin-top: -10px;
                    input{
                        width: 10px;
                        height:10px;
                        margin-left: 93px;
                    }
                }
                p:nth-child(6){
                    a{
                        color: blue;
                    }
                    b{
                        a{
                            color:red;
                        }
                        
                    }
                }
                .tijiao1{
                    width: 126px;
                    height:33px;
                    background: url(../img/8.gif) no-repeat 0 -175px;
                    margin-left: 186px;
                    margin-top: -10px;
                    margin-bottom: 10px;
                }
            }
            .box2{
                width: 100%;
                height:100%;
                display: none;
                p{
                    width: 773px;
                    height:44px;
                    margin:0 auto;
                    margin-bottom: 15px;
                    i{
                        font-style: normal;
                        margin-right: 13px;
                    }
                    input{
                        width: 349px;
                        height:35px;
                        border:1px solid #ccc;
                    }
                    span{
                        float: right;
                        display: block;
                        width: 279px;
                        height:35px;
                        background: #f6f6f6;
                        border:1px solid #e9e9e9;
                        font-size: 14px;
                        color: #555555;
                        text-align: center;
                        line-height: 35px;
                    }
                }
                p:first-child{
                    margin-top: 43px;
                    span{
                        margin-right: 43px;
                        display: none;
                    }
                }
                p:nth-child(2){
                    position: relative;
                    input{
                        width: 122px;
                    }
                    #v_container{
                        width: 89px;
                        height:30px;
                        display: block;
                        position: absolute;
                        left:224px;
                        top:3px;
                    }
                    span{
                        width: 46px;
                        height:24px;
                        color: blue;
                        margin-right: 390px;
                        font-size: 10px;
                        line-height: 24px;
                        margin-top: 3px;
                        background: #fff;
                        border:none;
                        cursor:pointer;
                    }
                }
                p:nth-child(3){
                    input{
                        width: 122px;
                    }
                    i{
                        margin-left: -15px;
                    }
                    #btn1{
                        width:114px ;
                        height:24px;
                        background: #fcfcfc;
                        border:1px solid #ccc;
                        font-size: 12px;
                        margin-left: 10px;
                        cursor:pointer;
                    }
                }
                p:nth-child(4){
                    span{
                          font-size: 13px;
                          margin-right: 43px;
                          display: none;
                    }
                }
                p:nth-child(5){
                    span{
                         display: none;
                    }
                   
                }
                p{
                    span{
                         margin-right: 43px;
                    }
                }
                p:nth-child(6){
                    margin-top: -10px;
                    input{
                        width: 10px;
                        height:10px;
                        margin-left: 93px;
                    }
                }
                p:nth-child(6){
                    a{
                        color: blue;
                    }
                    b{
                        a{
                            color:red;
                        }
                        
                    }
                }
                .tijiao1{
                    width: 126px;
                    height:33px;
                    background: url(../img/8.gif) no-repeat 0 -175px;
                    margin-left: 186px;
                    margin-top: -10px;
                    margin-bottom: 10px;
                }
            }
        }
    }
}
/*------------------------------------footer-------------------------------*/
.footer{
    height:518px;
    border-top: 1px solid #ccc;
    background: #fff;
    position: relative;
    margin-top: 50px;
    .guang{
        width: 1000px;
        height:102px;
        background: url(../img/00001.jpg);
        margin: 0 auto;
    }
    .jie{
        width:1000px;
        height:166px;
        margin: 0 auto;
        background: url(../img/3.gif);
    }
    .footer1{
        width: 1000px;
        height:251px;
        margin:  0 auto;
        background: url(../img/4.gif);
    }
}
